<template>
    <div>
      <p class="msg">{{msg}}</p>
    </div>
</template>

<script>
    export default {    //配置对象(Vue一致)
        name: "HelloWorld",
      data() {  //必须写函数
          return {
            msg: 'Hello Vue Component !'
          }
      }
    }
</script>

<style scoped>  /* 当一个style标签拥有scoped属性时，它的css样式只能作用于当前组件 */
  .msg {
    color: red;
    font-size: 30px;
  }
</style>
